Text
Font Size
You can add new size on SASS Map $font-sizes
.fs-16 text
.fs-14 text
<p class="fs-16">.fs-16 text</p>
<p class="fs-14">.fs-14 text</p>
Font Weight
Medium weight text.
SemiBold weight text.
<p class="fw-medium">Medium weight text.</p>
<p class="fw-semiBold">SemiBold weight text.</p>
Sass
Variables
$font-family-sans-serif: "Poppins", Roboto, Arial, Sans-serif;
$font-size-base: 16px;
$font-weight-medium: 500;
$font-weight-semiBold: 600;
Maps
$font-sizes: (
14: 14px,
16: 16px,
);
Utilities API
Sizing Utilities produced from scss/components/bootstrap/_utilities.scss
"font-weight": (
property: font-weight,
class: fw,
values: (
light: $font-weight-light,
lighter: $font-weight-lighter,
normal: $font-weight-normal,
medium: $font-weight-medium,
semiBold: $font-weight-semiBold,
bold: $font-weight-bold,
bolder: $font-weight-bolder
)
),